<template>
    <div class="left-nav">
        <ul>
            <li>
                <router-link to="/" class="navljie">
                    <i class="icon iconfont icon-goumai"></i>
                    <div>收银</div>
                </router-link>
            </li>

            <li>
                <router-link to="/store" class="navljie">
                    <i class="icon iconfont icon-dianpu"></i>
                    <div>
                    店铺
                    </div>
                </router-link>
            </li>

            <li>
                <router-link to="/commodity" class="navljie">
                    <i class="icon iconfont icon-shangpin"></i>
                    <div>
                        商品
                    </div>
                </router-link>
            </li>

            <li>
                <router-link to="/member" class="navljie">
                    <i class="icon iconfont icon-huiyuanqia"></i>
                    <div>
                        会员
                    </div>
                </router-link>
            </li>

            <li>
                <router-link to="/statistics" class="navljie">
                    <i class="icon iconfont icon-gongnengjianyi"></i>
                    <div>
                        统计
                    </div>
                </router-link>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    data () {
        return {

        }
    },
}
</script>
<style>
    .left-nav {
        color: #fff;
        font-size: 15px;
        height: 100%;
        background-color: #1D8ce0;
        float: left;
        width: 5%;
    }
    .iconfont {
        font-size: 24px;
    }
    .left-nav ul {
        padding: 0px;
        margin: 0px;
    }
    .left-nav li {
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #20a0ff;
        padding: 10px;
    }
    .navljie {
        text-decoration: none;
        color: aliceblue;
    }
</style>
